<template>
  <div class="mini-todo">
    <my-input></my-input>
    <my-body></my-body>
  </div>
</template>

<script setup>
import MyInput from "./components/MyInput.vue";
import MyBody from "./components/MyBody.vue";
</script>

<style lang="scss" scoped>
.mini-todo{
  width: 400px;
  margin-top:50px;
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
</style>
